<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS_处理内容溢出</title>
    <style>
        #d1 {
            width: 400px;
            height: 200px;
            background-color: skyblue;
            /* overflow: auto; */
            overflow-x: hidden;
            overflow-y: scroll;
        }

        #d2 {
            width: 1000px;
            background-color: orange;
        }
    </style>
</head>

<body>
    <div id="d1">
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ex magnam sunt deserunt est accusantium harum
        laudantium quod voluptatem sed, repellendus veniam fugit dolore illo maxime dolorem quam aperiam libero amet
        <div id="d2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque fugit, voluptate iusto architecto
            placeat iure perspiciatis hic aut debitis. Ipsam suscipit saepe placeat delectus quis, nostrum inventore
            perferendis aliquam aperiam laboriosam, a cum similique dolores! Temporibus, at, inventore laboriosam rerum
            voluptatibus error optio neque corporis, voluptatum cupiditate iure eius odio!</div>
        necessitatibus at quisquam quaerat voluptatibus iure ipsum. Inventore voluptate quos quidem consequatur iusto
        fugit? Tempora, dolores consequuntur molestiae, ipsum ullam, delectus commodi sunt rerum beatae at autem.
        Inventore, quasi excepturi. Cumque accusamus dolor eligendi doloremque ipsum fugiat ex ratione, numquam quo,
        dolores optio ab! Maxime ab autem accusamus qui consectetur, cupiditate molestiae esse placeat minima natus unde
        quia a debitis, est repudiandae. Quam quidem accusamus architecto possimus iste facilis tenetur.
    </div>
</body>

</html>